<!DOCTYPE html>

<html>
    
    <head>
        <meta charset=UTF-8>
        <title>Example</title>
        <style>
            .box {
                margin: 20px;
                width: 640px;
                height: 2000px;
                border: 1px solid black;
            }
        </style>
        <script type="text/javascript" src="../tm.scroller.js"></script>
        <script>
            window.onload = function()
            {
                tm.Scroller.setup();
            };
        </script>
    </head>
    <body>
        <header>
            <h1 id="top">Example</h1>
            <a href="#bot" class="tm-scroller">Foot of page</a>
        </header>
        
        <section class="box"></section>
        
        <footer>
            <h1 id="bot"></h1>
            <a href="#top" class="tm-scroller scroll-time:2000">Top of page</a>
        </footer>
    </body>
</html>